<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    {{--<link rel="shortcut icon" href="assets/img/logo-fav.png">--}}
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ config('app.name', 'Laravel') }}</title>
    <link rel="stylesheet" type="text/css" href="{{asset('theme/beagle/lib/perfect-scrollbar/css/perfect-scrollbar.min.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('theme/beagle/lib/material-design-icons/css/material-design-iconic-font.min.css')}}"/>
    <!--[if lt IE 9]>
   
    <![endif]-->
    <link rel="stylesheet" href="{{asset('theme/beagle/css/app.css')}}" type="text/css"/>
    {{--hdjs--}}
    <script src="https://cdn.vaptcha.com/v2.js"></script>
    <script>
        window.hdjs={
            //组件目录必须绝对路径
            base : '/plugin/hdjs',
            //上传文件后台地址
            //获取文件列表的后台地址
            //require.js配置项（可为空）
            requireJs:{paths:{},shim:{}},
        };
    </script>
    <script src="/plugin/hdjs/require.js"></script>
    <script src="/plugin/hdjs/config.js"></script>
    <style>
        .vaptcha-init-main {
            display: table;
            width: 100%;
            height: 100%;
            background-color: #EEEEEE;
        }
        .vaptcha-init-loading {
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }
        .vaptcha-init-loading>a {
            display: inline-block;
            width: 18px;
            height: 18px;
            border: none;
        }
        .vaptcha-init-loading>a img {
            vertical-align: middle
        }
        .vaptcha-init-loading .vaptcha-text {
            font-family: sans-serif;
            font-size: 12px;
            color: #CCCCCC;
            vertical-align: middle
        }
    </style>
</head>
<body class="be-splash-screen">
<div class="be-wrapper be-login" id="app">
    <div class="be-content">
        <div class="main-content container-fluid">
            <div class="splash-container">
                <div class="card card-border-color card-border-color-primary">
                    <div class="card-header"><img src="{{asset('theme/beagle/img/logo-xx.png')}}" alt="logo" width="120" height="27" class="logo-img">
                        <span class="splash-description">思古教育教师登录系统</span></div>
                    <div class="card-body">
                        <form action="" method="post">
                            @csrf
                            <div class="login-form">
                                <div class="form-group">
                                    <input  type="text" name="phone" placeholder="教师帐号" autocomplete="off" class="form-control" value="18345005445">
                                </div>
                                <div class="form-group">
                                    <input  type="password" name="password" placeholder="登录密码" class="form-control" value="zhang123">
                                </div>

                                <div class="form-group">
                                    <div class="vaptcha-container" style="width:300px;height:36px;">
                                        <!--vaptcha-container是用来引入VAPTCHA的容器，下面代码为预加载动画，仅供参考-->
                                        <div class="vaptcha-init-main">
                                            <div class="vaptcha-init-loading">
                                                <a href="https://vaptcha.com" target="_blank">
                                                    <img src="https://cdn.vaptcha.com/vaptcha-loading.gif" />
                                                </a>
                                                <span class="vaptcha-text">VAPTCHA启动中...</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group row login-tools">
                                    <div class="col-6 login-remember">
                                        <label class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input"><span class="custom-control-label">
                                                {{__('Remember Me')}}
                                            </span>
                                        </label>
                                    </div>
                                    <div class="col-6 login-forgot-password">
                                        <a href="">
                                        <a href="">
                                            {{__('Forgot Your Password?')}}
                                        </a>
                                    </div>
                                </div>
                                <div class="form-group row login-submit">
                                    <div class="col-6" style="margin: 0 auto;">
                                        <button data-dismiss="modal" type="submit" class="btn btn-primary btn-xl">
                                            {{__('Login')}}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{--<script src="{{mix('js/app.js')}}"></script>--}}
{{--<script src="{{asset('theme/beagle/lib/perfect-scrollbar/js/perfect-scrollbar.jquery.min.js')}}" type="text/javascript"></script>--}}
{{--<script src="{{asset('theme/beagle/js/app.js')}}" type="text/javascript"></script>--}}
{{--<script type="text/javascript">--}}
    {{--require(['jquery','bootstrap'],function ($) {--}}
        {{--$(document).ready(function($){--}}
            {{--//initialize the javascript--}}
            {{--$.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});--}}
        {{--});--}}
    {{--})--}}
{{--</script>--}}

<script>
    require(['bootstrap','jquery'])
</script>

<script>
    vaptcha({
        //配置参数
        vid: '5c3fe6a9fc650e7e141c4f74', // 验证单元id
        type: 'click', // 展现类型 点击式
        container: '#vaptchaContainer' // 按钮容器，可为Element 或者 selector
    }).then(function (vaptchaObj) {
        vaptchaObj.render()// 调用验证实例 vaptchaObj 的 render 方法加载验证按钮
    })
</script>
​

</body>
</html>